<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <meta name="force-rendering" content="webkit">
  <meta name="keywords" content="数字协会、数字组织、组织数字化、数字化商会、数字化商协会、数字社团、社会组织数字化转型、社会化数字组织、数字化转型协会、数字化转型组织、社会组织数字化、社会组织数字化建设"/>
  <meta name="description" content="益魔方数字协会平台， 一个致力于协会规范化、标准化、数字化建设的综合服务平台，主要解决社会组织、商会、协会的数字化、数字化转型、数字化建设等服务，打造基于数据共享的社会组织场景化服务生态系统"/>
  <meta name="baidu-site-verification" content="codeva-KAOafwu4Hm" />
  <title>益魔方-社会组织会员管理系统</title>
  <link rel="stylesheet" href="/Style/new/css/swiper-bundle.min.css">
  <link rel="stylesheet" href="/Style/new/font/iconfont.css">
  <link rel="stylesheet" href="/Style/new/css/common.css">
  <link rel="stylesheet" href="/Style/new/css/index.css">
</head>
<body>
<!--  头部  -->
<div class="pate-header"><div class="header-warpper flex align-center justify-between">
  <div class="header-logo flex align-center">
    <img alt="益魔方社会组织数字化平台" class="logo" src="/Style/new/images/logo.png">
  </div>
  <div class="nav">
    <a href="/index.php/home/Index/index" class="nav-tex active"><i class="iconfont iconshouye"></i>首页</a>
    <a href="/index.php/home/Index/product" class="nav-tex "><i class="iconfont iconchanpin"></i>产品</a>
    <a href="/index.php/home/Index/cases" class="nav-tex "><i class="iconfont iconanliguanlixin"></i>案例</a>
    <a href="/index.php/home/Index/price" class="nav-tex "><i class="iconfont iconjiageguanxiguanli"></i>价格</a>
    <a href="/index.php/home/Index/school" class="nav-tex "><i class="iconfont iconinterinformation"></i>商学院</a>
    <a href="/index.php/home/Index/information" class="nav-tex "><i class="iconfont iconjinrongzixun"></i>资讯</a>
    <a href="/index.php/home/Index/cooperate" class="nav-tex "><i class="iconfont iconhezuo"></i>合作</a>
    <a href="javascript:alert('敬请期待...')" class="nav-tex"><i class="iconfont iconyingyongshichang-"></i>应用市场</a>
  </div>
  <div class="header-login flex align-center">
    <!--   登录   -->
    <div style="display: none;" class="login-box flex align-center justify-between" id="login">
        <a href="https://www.emof.cn/vw/home" class="login-btn login-btn3">进入系统</a>
    </div>
    <!--   未登录   -->
    <div style="display: none;" class="login-box flex align-center justify-between" id="nologin">
        <a href="https://www.emof.cn/vw/login" class="login-btn">登录</a>
        <i></i>
        <div class="login-btn yuyue">免费试用</div>
    </div>
  </div>
</div>
<script src="/Style/new/lib/jquery-2.1.4.min.js"></script>
<script>
  var user = JSON.parse(localStorage.getItem("user"));
  // console.log(user.mnickname);
  if (user) {
    $('#login').show();
    $('#nologin').hide();
    $('#snologin').show();
    $('#sislogin').hide();
  }else {
    $('#nologin').show();
    $('#login').hide();
    $('#sislogin').show();
    $('#snologin').hide();
  }
</script>
</div>
<!--  banner  -->
<div class="banner">
  <div class="banner-swiper">
    <div class="swiper-container bigbanner">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <img src="/Style/new/images/banner1_00.png" alt="致力于社会组织规范化标准化数字化的综合服务平台">
        </div>
        <div class="swiper-slide">
          <img src="/Style/new/images/banner2_01.png" alt="互联网+社会服务的国家高新技术企业">
        </div>
        <div class="swiper-slide">
          <img src="/Style/new/images/banner1_01.png" alt="打造基于数字共享的场景化生态服务系统">
        </div>
      </div>
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination bigbanner-pagination"></div>
    </div>
  </div>
  <div class="zixun">
    <img alt="通知" class="zx-img" src="/Style/new/images/tongzhi.png">
    <div class="zx-swiper">
      <div class="swiper-container listbanner">
        <div class="swiper-wrapper" id="notice">
                    <div class="swiper-slide">
            <a href="/index.php/home/Index/noticeDetail?id=23" class="zx-item" target="_blank">
              <h3 class="ovHide">益魔方社会组织数字化综合服务平台V2.0重磅来袭！</h3>
              <p class="ovHide">益魔方 一个致力于社会组织规范化、标准化、数字化建设的综合服务平台，打造基于数据共享的社会组织场景化服务生态系统</p>
            </a>
          </div>
                  </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination listbanner-pagination"></div>
      </div>
    </div>
    <a href="/home/index/notice.html" class="more"> 更多 >></a>
  </div>
</div>
<!--  您在组织管理中是否被这些问题困扰？  -->
<div class="wenti">
  <div class="wt-title">您在组织管理中是否被这些问题<span>困扰</span>？</div>
  <div class="wt-content">
    <img alt="问号" src="/Style/new/images/wenhao.png">
    <div class="wt-item one">
      <h3>
        信息管理难 <img alt="警告" src="/Style/new/images/gantanhao.png">
      </h3>
      <p>信息丢失、难以查找和共享</p>
    </div>
    <div class="wt-item two">
      <h3>
        提高效率难 <img alt="警告" src="/Style/new/images/gantanhao.png">
      </h3>
      <p>需要花费大量时间和资源来完成常规任务</p>
    </div>
    <div class="wt-item three">
      <h3>
        监督和评估难 <img alt="警告" src="/Style/new/images/gantanhao.png">
      </h3>
      <p>监督和评估过程可能会受到限制</p>
    </div>
    <div class="wt-item four left ">
      <h3>
        <img alt="警告" src="/Style/new/images/gantanhao.png"> 沟通和合作难
      </h3>
      <p>远程协作差，信息共享受到限制</p>
    </div>
    <div class="wt-item five left">
      <h3>
        <img alt="警告" src="/Style/new/images/gantanhao.png"> 资源管理难
      </h3>
      <p>日常资源管理更加复杂和容易出错</p>
    </div>
    <div class="wt-item six left">
      <h3>
        <img alt="警告" src="/Style/new/images/gantanhao.png"> 与合作伙伴互动难
      </h3>
      <p>难以建立有效的沟通和合作关系</p>
    </div>
    <div class="wt-item seven left">
      <h3>
        <img alt="警告" src="/Style/new/images/gantanhao.png"> 数据分析和决策支持难
      </h3>
      <p>无法对日常工作进行有效的留痕,无法基于数据做出明智的决策</p>
    </div>
  </div>
</div>
<!--  益魔方数字社团综合服务平台解决您全场景工作难题  -->
<div class="jiejue">
  <div class="j-title">益魔方数字社团综合服务平台<span>解决</span>您全场景工作难题</div>
  <div class="j-content">
    <div class="j-item pt0 pl0">
      <div class="j-img">
        <img alt="信息管理和存储" src="/Style/new/images/q1.png">
      </div>
      <div class="j-tit">
        信息管理和存储<b>信息管理和存储</b>
      </div>
      <div class="j-tex">
        能够有效地管理、存储和检索信息。这有助于减少纸质文件的使用，降低信息丢失的风险，并使信息共享更加容易和安全
      </div>
    </div>
    <div class="j-item pt0 ">
      <div class="j-img">
        <img alt="提高工作效率" src="/Style/new/images/q2.png">
      </div>
      <div class="j-tit">
        提高工作效率<b>提高工作效率</b>
      </div>
      <div class="j-tex">
        自动化和简化许多常规任务，如数据输入、报告生成和信息更新。这减少了手工工作的需要，提高了工作效率，使组织能够更多地关注核心任务和目标
      </div>
    </div>
    <div class="j-item pt0 pr0">
      <div class="j-img">
        <img alt="数据分析和决策支持" src="/Style/new/images/q3.png">
      </div>
      <div class="j-tit">
        数据分析和决策支持<b>数据分析和决策支持</b>
      </div>
      <div class="j-tex">
        允许组织收集和分析大量的数据。这有助于组织更好地了解他们的绩效，做出基于数据的决策，优化战略和计划
      </div>
    </div>
    <div class="j-item pl0">
      <div class="j-img">
        <img alt="监督和评估" src="/Style/new/images/q4.png">
      </div>
      <div class="j-tit">
        监督和评估<b>监督和评估</b>
      </div>
      <div class="j-tex">
        使得监督项目和活动的进展变得更加容易。实时数据和反馈帮助组织更好地了解项目的执行情况，及时做出调整，确保目标的达成
      </div>
    </div>
    <div class="j-item">
      <div class="j-img">
        <img alt="资源管理" src="/Style/new/images/q5.png">
      </div>
      <div class="j-tit">
        资源管理<b>资源管理</b>
      </div>
      <div class="j-tex">
        可以帮助组织更好地管理资源，包括资金、志愿者和时间。这有助于确保资源的高效利用，并提高了组织的可持续性
      </div>
    </div>
    <div class="j-item pr0">
      <div class="j-img">
        <img alt="改善沟通和合作" src="/Style/new/images/q6.png">
      </div>
      <div class="j-tit">
        改善沟通和合作<b>改善沟通和合作</b>
      </div>
      <div class="j-tex">
        可以促进内部团队之间的协作，同时也可以提供更好的渠道与捐助者、合作伙伴和社区等利益相关者进行互动
      </div>
    </div>
    <div class="j-item pl0 bb0">
      <div class="j-img">
        <img alt="提高透明度和问责制" src="/Style/new/images/q7.png">
      </div>
      <div class="j-tit">
        提高透明度和问责制<b>提高透明度和问责制</b>
      </div>
      <div class="j-tex">
        可以提高组织的透明度，让捐助者和社会更容易跟踪和评估组织的活动和支出，增强了组织的问责制
      </div>
    </div>
    <div class="j-item bb0">
      <div class="j-img">
        <img alt="扩大影响力" src="/Style/new/images/q8.png">
      </div>
      <div class="j-tit">
        扩大影响力<b>扩大影响力</b>
      </div>
      <div class="j-tex">
        可以更广泛地传播社会组织的信息，吸引更多的关注和支持。这有助于扩大组织的影响力，吸引更多的资源和志愿者
      </div>
    </div>
    <div class="j-item pr0 bb0">
      <div class="j-img">
        <img alt="提高安全性" src="/Style/new/images/q9.png">
      </div>
      <div class="j-tit">
        提高安全性<b>提高安全性</b>
      </div>
      <div class="j-tex">
        可以提供更好的数据安全和隐私保护措施，确保组织的信息不受未经授权的访问和泄露
      </div>
    </div>

  </div>
</div>
<!--  益魔方数字社团3+1+N模式 为您提供社会组织数字化全域解决方案  -->
<div class="bx-content">
  <div class="moshi">
    <div class="ms-title">
      益魔方数字社团<span>3+1+N</span>模式 为您提供社会组织数字化全域<span>解决</span>方案
    </div>
    <div class="ms-tex">3大平台、1个数据驾驶舱、N个场景工具，打造一站式、一体化、数字化综合服务平台</div>
    <div class="ms-content">
      <div class="ms-item">
        <div class="ms-item-title">
          社会组织规范化治理平台
          <img alt="社会组织规范化治理平台" src="/Style/new/images/icon1.png">
        </div>
        <div class="ms-list">
          <div class="ms-box">
            <div class="ms-box-img">
              <img alt="等级评估系统" src="/Style/new/images/w1.png">
            </div>
            <a href="https://pggl.emof.cn/" target="_blank"><div class="ms-box-tit"><span>等级评估</span>系统</div></a>
            <p class="ms-box-tex">指标梳理</p>
            <p class="ms-box-tex">规范模板</p>
            <p class="ms-box-tex">要点提示</p>
          </div>
          <div class="ms-box br0">
            <div class="ms-box-img">
              <img alt="年度检查系统" src="/Style/new/images/w2.png">
            </div>
            <a href="http://tianbao.shzzpt.org.cn/shuoming/index2.html" target="_blank"><div class="ms-box-tit"><span>年度检查</span>系统</div></a>
            <p class="ms-box-tex">辅助填报</p>
            <p class="ms-box-tex">要点说明</p>
            <p class="ms-box-tex">一键服务</p>
          </div>
          <div class="ms-box bb0">
            <div class="ms-box-img">
              <img alt="党务管理系统" src="/Style/new/images/w3.png">
            </div>
            <a href="http://lhdwt.emof.cn/login" target="_blank"><div class="ms-box-tit"><span>党务管理</span>系统</div></a>
            <p class="ms-box-tex">工作流程</p>
            <p class="ms-box-tex">内容规范</p>
            <p class="ms-box-tex">模板引用</p>
          </div>
          <div class="ms-box br0 bb0">
            <div class="ms-box-img">
              <img alt="财务内控系统" src="/Style/new/images/w4.png">
            </div>
            <a href="http://cw.emof.cn/" target="_blank"><div class="ms-box-tit"><span>财务内控</span>系统</div></a>
            <p class="ms-box-tex">快捷报销</p>
            <p class="ms-box-tex">项目核算</p>
            <p class="ms-box-tex">一键开票</p>
          </div>
        </div>
      </div>
      <div class="ms-item width750">
        <div class="ms-item-title">
          社会组织标准化办公平台
          <img alt="社会组织标准化办公平台" src="/Style/new/images/icon2.png">
        </div>
        <div class="ms-list">
          <div class="ms-box width175">
            <div class="ms-box-img">
              <img alt="项目管理" src="/Style/new/images/w5.png">
            </div>
            <a href="https://prj.emof.cn/" target="_blank">
              <div class="ms-box-tit"><span>项目</span>管理</div>
            </a>
            <p class="ms-box-tex">任务精准 </p>
            <p class="ms-box-tex">监管全面</p>
            <p class="ms-box-tex">协作高效</p>
          </div>
          <div class="ms-box width175">
            <div class="ms-box-img">
              <img alt="会员管理" src="/Style/new/images/w6.png">
            </div>
            <a href="https://hygl.emof.cn/" target="_blank">
              <div class="ms-box-tit"><span>会员</span>管理</div>
            </a>
            <p class="ms-box-tex">档案管理</p>
            <p class="ms-box-tex">会费管理</p>
            <p class="ms-box-tex">全程留痕</p>
          </div>
          <div class="ms-box width175">
            <div class="ms-box-img">
              <img alt="会务管理" src="/Style/new/images/w7.png">
            </div>
            <a href="https://yhb.emof.cn/" target="_blank"><div class="ms-box-tit"><span>会务</span>管理</div></a>
            <p class="ms-box-tex">报名签到</p>
            <p class="ms-box-tex">一键拨号</p>
            <p class="ms-box-tex">留痕归档</p>
          </div>
          <div class="ms-box width175 br0">
            <div class="ms-box-img">
              <img alt="宣传管理" src="/Style/new/images/w8.png">
            </div>
            <a href="https://yxb.emof.cn/" target="_blank"><div class="ms-box-tit"><span>宣传</span>管理</div></a>
            <p class="ms-box-tex">宣传规范</p>
            <p class="ms-box-tex">即时生成</p>
            <p class="ms-box-tex">一键转发</p>
          </div>
          <div class="ms-box width175 bb0">
            <div class="ms-box-img">
              <img alt="文案管理" src="/Style/new/images/w9.png">
            </div>
            <a href="https://ysb.emof.cn/" target="_blank"><div class="ms-box-tit"><span>文案</span>管理</div></a>
            <p class="ms-box-tex">官方模板</p>
            <p class="ms-box-tex">引用范文</p>
            <p class="ms-box-tex">专业词条</p>
          </div>
          <div class="ms-box width175 bb0">
            <div class="ms-box-img">
              <img alt="专家管理" src="/Style/new/images/w10.png">
            </div>
            <a href="https://zjzk.emof.cn/" target="_blank"><div class="ms-box-tit"><span>专家</span>管理</div></a>
            <p class="ms-box-tex">详尽展示</p>
            <p class="ms-box-tex">资源对接</p>
            <p class="ms-box-tex">归类明晰</p>
          </div>
          <div class="ms-box width175 bb0">
            <div class="ms-box-img">
              <img alt="调研管理" src="/Style/new/images/w11.png">
            </div>
            <a href="https://wj.emof.cn/" target="_blank"><div class="ms-box-tit"><span>调研</span>管理</div></a>
            <p class="ms-box-tex">自定义建设</p>
            <p class="ms-box-tex">一键转发</p>
            <p class="ms-box-tex">统计分析</p>
          </div>
          <div class="ms-box width175 bb0 br0">
            <div class="ms-box-img">
              <img alt="电子书管理" src="/Style/new/images/w12.png">
            </div>
            <a href="https://dzs.emof.cn/" target="_blank"><div class="ms-box-tit"><span>电子书</span>管理</div></a>
            <p class="ms-box-tex">简单易用</p>
            <p class="ms-box-tex">轻松上手</p>
            <p class="ms-box-tex">统计分析</p>
          </div>
        </div>
      </div>
      <div class="ms-item width100">
        <div class="ms-item-title">
          社会组织职业化提升平台
          <img alt="社会组织职业化提升平台" src="/Style/new/images/icon3.png">
        </div>
        <div class="ms-list">
          <div class="ms-class">
            <div class="class-box">
              <div class="clsss-tit" id="njbox">
                <img alt="年检课堂" src="/Style/new/images/w13.png">
                年检课堂
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="社团年检在线课堂" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>社团年检</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共38课时 有442万人在学习</p>
                </div>
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="民非年检在线课堂" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>民非年检</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共16课时 有378万人在学习</p>
                </div>
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="基金会年报在线课堂" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>基金会年报</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共9课时 有355万人在学习</p>
                </div>
              </div>
                          </div>
            <div class="line"></div>
            <div class="class-box">
              <div class="clsss-tit" id="djbox">
                <img alt="登记课堂" src="/Style/new/images/w14.png">
                登记课堂
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="社团登记" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>社团登记</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共8课时 有169万人在学习</p>
                </div>
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="民非登记" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>民非登记</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共1课时 有142万人在学习</p>
                </div>
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="基金会登记" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>基金会登记</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共4课时 有143万人在学习</p>
                </div>
              </div>
                          </div>
            <div class="line"></div>
            <div class="class-box">
              <div class="clsss-tit" id="hjbox">
                <img alt="换届课堂" src="/Style/new/images/w15.png">
                换届课堂
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="社团换届" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>社团换届</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共9课时 有438万人在学习</p>
                </div>
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="换届实操" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>换届实操</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共11课时 有500万人在学习</p>
                </div>
              </div>
                          </div>
            <div class="line"></div>
            <div class="class-box">
              <div class="clsss-tit" id="pgbox">
                <img alt="评估课堂" src="/Style/new/images/w16.png">
                评估课堂
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="基金会评估" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>基金会评估</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共14课时/ 有362万人在学习</p>
                </div>
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="民非评估" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>民非评估</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共12课时/ 有350万人在学习</p>
                </div>
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="社团评估" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>社团评估</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共27课时/ 有372万人在学习</p>
                </div>
              </div>
                          </div>
          </div>
          <div class="ms-line"></div>
          <div class="ms-tit-box">
            <div class="clsss-tit">
              <img alt="统战课堂" src="/Style/new/images/w17.png">
              统战课堂
            </div>
            <div class="linetwo"></div>
            <div class="clsss-tit">
              <img alt="系列课堂" src="/Style/new/images/w18.png">
              系列课堂
            </div>
            <div class="linetwo"></div>
            <div class="clsss-tit">
              <img alt="在线教育" src="/Style/new/images/w19.png">
              在线教育
            </div>
            <div class="linetwo"></div>
            <div class="clsss-tit">
              <img alt="职工匠师讲堂" src="/Style/new/images/w20.png">
              职工匠师讲堂
            </div>
            <div class="linetwo"></div>
            <div class="clsss-tit">
              <img alt="公益讲堂" src="/Style/new/images/w21.png">
              公益讲堂
            </div>
          </div>
        </div>
      </div>
      <div class="ms-item width100">
        <div class="ms-item-title">
          数据驾驶舱
          <img alt="数据驾驶舱" src="/Style/new/images/icon4.png">
        </div>
        <div class="ms-show">
          <img alt="数据驾驶舱" src="/Style/new/images/w22.png">
        </div>
      </div>
    </div>
  </div>
</div>
<!--  益魔方数字社团赋能社会组织高效发展  -->
<div class="shiy">
  <div class="bx-content">
    <div class="ms-title">
      益魔方数字社团<span>赋能</span>社会组织高效发展
    </div>
    <div class="ms-tex">让商协会良性发展，让会员真正满意</div>
  </div>
  <div class="shiy-box">
    <div class="left"></div>
    <div class="right"></div>
    <div class="bx-content">
      <div class="sytop">
        <img alt="益魔方数字社团赋能社会组织高效发展" src="/Style/new/images/shiyongqianhou.png">
        <div class="sy-tex">
          <div class="top">
            <p>打印入会申请</p>
            <p>线下沟通审核</p>
            <p>纸质文档管理</p>
            <p>会费电话催缴</p>
            <p>纸质名片印发</p>
            <p>微信组织活动</p>
            <p>会员管理复杂</p>
            <p>审批流程繁琐</p>
            <p>管理机制僵化</p>
            <p>管理效率低下</p>
            <p>信息传递缓慢</p>
            <p>服务感微弱</p>
          </div>
          <div class="zhan"></div>
          <div class="end">
            <p>在线入会申请</p>
            <p>在线审批提醒</p>
            <p>电子文档管理</p>
            <p>在线缴费通知</p>
            <p>专属电子名片</p>
            <p>在线活动发布</p>
            <p>在线管理会员</p>
            <p>一键进行审批</p>
            <p>管理方便灵活</p>
            <p>管理效率高效</p>
            <p>信息传递及时</p>
            <p>服务感加强</p>
          </div>
        </div>
      </div>
      <div class="syend">
        <div>
          <h3>
            指尖上的<span>秘书处</span>
          </h3>
          <p><img alt="管理效率提升，管理方式更轻盈" src="/Style/new/images/shangjiantou.png">管理效率提升，管理方式更轻盈</p>
          <p><img alt="会员粘性更强，服务感知提升" src="/Style/new/images/shangjiantou.png">会员粘性更强，服务感知提升</p>
          <p><img alt="活动开展便捷，会员资料数字化" src="/Style/new/images/shangjiantou.png">活动开展便捷，会员资料数字化</p>
          <p><img alt="消息通知触达高，通知更快速" src="/Style/new/images/shangjiantou.png">消息通知触达高，通知更快速</p>
        </div>
        <div>
          <h3>
            会员单位的<span>办公平台</span>
          </h3>
          <p><img alt="平台管理，更易对接资源" src="/Style/new/images/duigou.png">平台管理，更易对接资源</p>
          <p><img alt="了解会内动态，更加方便" src="/Style/new/images/duigou.png">了解会内动态，更加方便</p>
          <p><img alt="高效协同、有效沟通、共同成长" src="/Style/new/images/duigou.png">高效协同、有效沟通、共同成长</p>
          <p><img alt="更高参与感、存在感、归属感" src="/Style/new/images/duigou.png">更高参与感、存在感、归属感</p>
        </div>
      </div>
    </div>
  </div>
</div>
<!--  1000+组织为益魔方数字社团综合服务平台见证  -->
<div class="hezuo">
  <div class="bx-content">
    <div class="ms-title">
      <span>1000+</span>组织为益魔方数字社团综合服务平台见证
    </div>
    <div class="ms-tex">涵盖 党政部门、人民团体、社会组织、企业会员等</div>
    <div class="hz-list">
      <div>
        <img alt="北京市政府采购中心" src="/Style/new/images/e1.png">
        <p>北京市政府采购中心</p>
      </div>
      <div>
        <img alt="北京市工商联" src="/Style/new/images/e2.png">
        <p>北京市工商联</p>
      </div>
      <div>
        <img alt="北京市民政局" src="/Style/new/images/e3.png">
        <p>北京市民政局</p>
      </div>
      <div>
        <img alt="北京市统战部" src="/Style/new/images/e4.png">
        <p>北京市统战部</p>
      </div>
      <div>
        <img alt="燕山民政局" src="/Style/new/images/e3.png">
        <p>燕山民政局</p>
      </div>
      <div>
        <img alt="北京市交管局" src="/Style/new/images/e5.png">
        <p>北京市交管局</p>
      </div>
      <div>
        <img alt="中关村管委会" src="/Style/new/images/e66.png">
        <p>中关村管委会</p>
      </div>
      <div>
        <p>燕山</p>
        <p>改革发展委员会</p>
      </div>
      <div>
        <p>什刹海</p>
        <p>街道办事处</p>
      </div>
      <div>
        <p>白纸坊</p>
        <p>街道办事处</p>
      </div>
    </div>
    <div class="hz-list2">
      <div>
        <img alt="中国科协" src="/Style/new/images/e7.png">
        <p>中国科协</p>
      </div>
      <div>
        <img alt="北京市科协" src="/Style/new/images/e8.png">
        <p>北京市科协</p>
      </div>
      <div>
        <img alt="中关村社会组织联合会" src="/Style/new/images/e6.png">
        <p>中关村社会组织联合会</p>
      </div>
      <div class="bg">
        <img alt="中国移动" src="/Style/new/images/e9.png">
        <p>中国移动</p>
      </div>
      <div class="bg">
        <img alt="同仁堂" src="/Style/new/images/e10.png">
        <p>同仁堂</p>
      </div>
      <div class="bg">
        <img alt="雀巢咖啡" src="/Style/new/images/e11.png">
        <p>雀巢咖啡</p>
      </div>

    </div>
  </div>

</div>
<!--  8大安全策略保障 为您的数据保驾护航  -->
<div class="huhang">
  <div class="bx-content">
    <div class="ms-title">
      <span>8大</span>安全策略保障 为您的数据保驾护航
    </div>
    <div class="ms-tex">优秀的技术研发团队，打造安全稳定可用的系统</div>
    <div class="hh-list">
      <div>
        <div>
          <img alt="安全稳定" src="/Style/new/images/r1.png">
        </div>
        <p>安全稳定</p>
      </div>
      <div>
        <div>
          <img alt="极致体验" src="/Style/new/images/r2.png">
        </div>
        <p>极致体验</p>
      </div>
      <div>
        <div>
          <img alt="数据安全" src="/Style/new/images/r3.png">
        </div>
        <p>数据安全</p>
      </div>
      <div>
        <div>
          <img alt="智能高效" src="/Style/new/images/r4.png">
        </div>
        <p>智能高效</p>
      </div>
      <div>
        <div>
          <img alt="可靠备份" src="/Style/new/images/r5.png">
        </div>
        <p>可靠备份</p>
      </div>
      <div>
        <div>
          <img alt="安全防护" src="/Style/new/images/r6.png">
        </div>
        <p>安全防护</p>
      </div>
      <div>
        <div>
          <img alt="身份验证" src="/Style/new/images/r7.png">
        </div>
        <p>身份验证</p>
      </div>
      <div>
        <div>
          <img alt="访问控制" src="/Style/new/images/r8.png">
        </div>
        <p>访问控制</p>
      </div>
    </div>
  </div>
</div>
<!--  30+资质证书，强有力的技术实力保障  -->
<div class="hezuo" style="background: #FFFFFF;">
  <div class="bx-content">
    <div class="ms-title">
      <span>30+</span>资质证书，强有力的技术实力保障
    </div>
    <div class="ms-tex">国家高新、中关村高新、ICP许可证以及近30多个软著证书</div>
    <div id="certify">
      <div class="swiper-container">
        <div class="swiper-wrapper" id="htp">
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about1.png" src="/Style/new/images/about1.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about2.png" src="/Style/new/images/about2.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about3.png" src="/Style/new/images/about3.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about4.png" src="/Style/new/images/about4.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about5.png" src="/Style/new/images/about5.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about6.png" src="/Style/new/images/about6.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about7.png" src="/Style/new/images/about7.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about8.png" src="/Style/new/images/about8.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about9.png" src="/Style/new/images/about9.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about10.png" src="/Style/new/images/about10.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about11.png" src="/Style/new/images/about11.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about12.png" src="/Style/new/images/about12.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about13.png" src="/Style/new/images/about13.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about14.png" src="/Style/new/images/about14.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about15.png" src="/Style/new/images/about15.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about16.png" src="/Style/new/images/about16.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about17.png" src="/Style/new/images/about17.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about18.jpg" src="/Style/new/images/about18.jpg" /></div>
        </div>
      </div>
      <div class="swiper-button-prev"></div>
      <div class="swiper-button-next"></div>
    </div>
  </div>
</div>
<!--  资讯中心  -->
<div class="hezuo">
  <div class="bx-content">
    <div class="ms-title">
      <span>资讯</span>中心
    </div>

    <div class="zx-list" id="information">
            <div class="zx-item">
        <div class="zx-img">
          <img src="http://www.emof.cn/upload/thumb/20260629/d7c28a852451eb456ee802fe438064b9.jpg" alt="&ldquo;六个一批&rdquo;全面落地：社会组织规范化建设进入硬约束时代">
        </div>
        <div class="zx-cont">
          <div class="zx-tit ovHide">&ldquo;六个一批&rdquo;全面落地：社会组织规范化建设进入硬约束时代</div>
          <div class="zx-tex ovHide2">2026年，中国社会组织领域正在经历一场前所未有的规范化洗礼。6月24日，民政部通过《中国社会组织》杂志披露了全国&amp;amp;quot;六个一批&amp;amp;quot;工作的推进全景。与此同时，天津市民政局公布5起社会组织被撤销登记和吊销登记证书的典型案例。从&amp;amp;quot;理顺一批&amp;amp;quot;到&amp;amp;quot;通报一批&amp;amp;quot;，监管已从柔性引导全面转向刚性约束。当合规从&amp;amp;quot;可选项&amp;amp;quot;变成&amp;amp;quot;必答题&amp;amp;quot;，社会组织如何在这场大考中不掉队？</div>
        <div class="zx-time">
            <span>2026-06-29</span>
            <a href="/index.php/home/Index/informationDetail?id=155" class="zx-a">
              查看详情 →
            </a>
          </div>
        </div>
      </div>
            <div class="zx-item">
        <div class="zx-img">
          <img src="http://www.emof.cn/upload/thumb/20260622/e28fb9e9961be168c0811f98df095461.jpg" alt="监管风暴下的合规之路：2026年全国性行业协会商会政策解读与数智化应对">
        </div>
        <div class="zx-cont">
          <div class="zx-tit ovHide">监管风暴下的合规之路：2026年全国性行业协会商会政策解读与数智化应对</div>
          <div class="zx-tex ovHide2">2026 年，中办、国办《关于推动行业协会商会深化改革的意见》正式落地，叠加《社会团体登记管理条例》修订实施，全国行业协会商会进入常态化从严监管周期。针对违规收费、财务管理混乱、内部治理失序、分支机构管控松散、重大事项报备缺位等顽疾，多部门联合抽查频次大幅提升，不少协会因台账缺失、流程不合规面临约谈、整改乃至撤销登记风险。
在强监管大势下，被动整改早已行不通，建立常态化合规体系、用数字化工具前置风控，成为全国性行业协会商会稳健运营的必答题。</div>
        <div class="zx-time">
            <span>2026-06-22</span>
            <a href="/index.php/home/Index/informationDetail?id=152" class="zx-a">
              查看详情 →
            </a>
          </div>
        </div>
      </div>
            <div class="zx-item">
        <div class="zx-img">
          <img src="http://www.emof.cn/upload/thumb/20260605/d9f786cf4e3d7b571f8ab905787b76f8.jpg" alt="行业协会会员管理系统如何赋能行业组织的数字化转型？">
        </div>
        <div class="zx-cont">
          <div class="zx-tit ovHide">行业协会会员管理系统如何赋能行业组织的数字化转型？</div>
          <div class="zx-tex ovHide2">行业协会作为连接政府与企业、企业与市场的重要桥梁，其管理效率直接影响着整个行业的发展活力。</div>
        <div class="zx-time">
            <span>2026-06-05</span>
            <a href="/index.php/home/Index/informationDetail?id=150" class="zx-a">
              查看详情 →
            </a>
          </div>
        </div>
      </div>
            <div class="zx-item">
        <div class="zx-img">
          <img src="http://www.emof.cn/upload/thumb/20260605/56ea460e762763ad24abb243cb6c950e.jpg" alt="如何选择适合的协会会员管理软件？益魔方用实力证明">
        </div>
        <div class="zx-cont">
          <div class="zx-tit ovHide">如何选择适合的协会会员管理软件？益魔方用实力证明</div>
          <div class="zx-tex ovHide2">面对市面上众多的管理工具，许多协会在选择协会会员管理软件时常常感到困惑</div>
        <div class="zx-time">
            <span>2026-06-05</span>
            <a href="/index.php/home/Index/informationDetail?id=149" class="zx-a">
              查看详情 →
            </a>
          </div>
        </div>
      </div>
            <div class="zx-item">
        <div class="zx-img">
          <img src="http://www.emof.cn/upload/thumb/20260528/710d30b17d11680a35fd121552049dfa.jpg" alt="协会会员管理系统开发需要注意哪些关键要素？">
        </div>
        <div class="zx-cont">
          <div class="zx-tit ovHide">协会会员管理系统开发需要注意哪些关键要素？</div>
          <div class="zx-tex ovHide2">对于许多协会而言，当市面上的通用软件无法满足特定需求时，可能会考虑进行协会会员管理系统开发。</div>
        <div class="zx-time">
            <span>2026-05-28</span>
            <a href="/index.php/home/Index/informationDetail?id=148" class="zx-a">
              查看详情 →
            </a>
          </div>
        </div>
      </div>
            <div class="zx-item">
        <div class="zx-img">
          <img src="http://www.emof.cn/upload/thumb/20260528/1210868f8a6650b7dbc58fdd9942e3f5.jpg" alt="一套优秀的协会会员系统应该具备哪些核心功能？">
        </div>
        <div class="zx-cont">
          <div class="zx-tit ovHide">一套优秀的协会会员系统应该具备哪些核心功能？</div>
          <div class="zx-tex ovHide2">在协会数字化转型的过程中，选择一套合适的协会会员系统至关重要。然而，市面上的管理工具琳琅满目，什么样的协会会员系统才能真正满足协会的运营需求？</div>
        <div class="zx-time">
            <span>2026-05-28</span>
            <a href="/index.php/home/Index/informationDetail?id=147" class="zx-a">
              查看详情 →
            </a>
          </div>
        </div>
      </div>
          </div>

    <div class="more">
      <a class="zx-more" href="information.html">
        更多 >>
      </a>
    </div>

  </div>
</div>
<!--  预约试用  -->
<div id="reservation"><!-- 遮罩层 -->
<div class="mask"></div>
<!-- 预约 -->
<div class="yuyueBox">
  <div class="yuyue-title">
<!--    <img class="yuyue-icon" src="..//Style/new/images/yuyue2.png" alt="">-->
    <p>申请试用</p>
    <img class="cha" src="/Style/new/images/cha.png" alt="">
  </div>
  <div class="yuyue-inp">
    <span>机构</span><input type="text" id="applyOrgName" placeholder="请输入您所在机构名称">
  </div>
  <div class="yuyue-inp">
    <span>姓名</span><input type="text" id="applyLinkName" placeholder="请输入您的真实姓名">
  </div>
  <div class="yuyue-inp">
    <span>电话</span><input type="number" id="applyLinkPhone" placeholder="请输入您联系电话">
  </div>
<!--  <div class="yuyue-inpa">-->
<!--    <span>留言</span><textarea name="" id="liuy" cols="30" rows="10" placeholder="请输入留言内容"></textarea>-->
<!--  </div>-->
  <div class="yuyue-btn">
    <button id="sub" onclick="postApplyForTryUse()">提交</button>
  </div>
</div>
<!-- 成功弹框 -->
<div class="yuyue-success">
  <div>
    <img class="chaA" src="/Style/new/images/cha.png" alt="">
  </div>
</div>
</div>
<!-- 浮窗 -->
<div class="fuc">
  <div class="zhanlue">
    <div class="fuc-boxA">售前咨询</div>
    <img src="/Style/new/images/shouqian.png" class="zltel" alt="">
  </div>
  <div class="zhanlue">
    <div class="fuc-boxA">售后服务</div>
    <img src="/Style/new/images/shouhou.png" class="zltel" alt="">
  </div>
  <div class="zhanlue">
    <div class="fuc-boxA">战略合作</div>
    <img src="/Style/new/images/zhanlue.png" class="zltel" alt="">
  </div>
  <div class="fuc-boxB">
    <img class="small" src="/Style/new/images/fcrwm.png" alt="">
    <div class="big">
      <img class="" src="/Style/new/images/gongzhonghao.png" alt="">
    </div>
  </div>
  <a onclick="pageScroll()" class="fuc-boxC">返回顶部</a>
</div>
<!--  底部  -->
<div class="footer-warpper"><div class="bx-content">
  <div class="f-top">
    <div class="d1">
      <h3>关于益魔方</h3>
      <p>益魔方 一个致力于社会组织规范化、标准化、数字化建设的综合服务平台，打造基于数据共享的社会组织场景化服务生态系统</p>
      <p class="margin-top-xs">
        益魔方平台是易魔方科技集团“十年磨一剑”，依托“互联网+社会服务”的N11技术框架模型，为社会组织全域人员研发的基于党务、项目、会员、会务、文案、财务、专家、宣传等工作场景的一站式、一体化、数字化的综合服务平台。
        益魔方通过3大平台、1个数据驾驶舱、N个场景工具的3+1+N模式，提升社会组织的整体能力，赋能社会组织高质量发展。
      </p>
    </div>
    <div class="d2">
      <img src="/Style/new/images/footlogo.png" alt="">
      <a href="https://www.emof.net/" target="_blank" style="">了解易魔方科技集团</a>
    </div>
  </div>
<!--  <div class="about">-->
<!--  </div>-->
  <div class="line"></div>
  <div class="cen">
    <div class="left">
      <div class="cp">
        <b>产 <i></i> 品</b>
        <p class="cahp">
          <a target="_blank" href="https://prj.emof.cn/" style="padding-left: 40px;width: 158px;">协同办公系统</a>
          <a target="_blank" href="https://hygl.emof.cn/">会员管理系统</a>
          <a target="_blank" href="https://yhb.emof.cn/">会务管理系统</a>
          <a target="_blank" href="https://yxb.emof.cn/">宣传推广系统</a>
          <a target="_blank" href="https://ysb.emof.cn/">文案书写系统</a>
          <a target="_blank" href="https://zjzk.emof.cn/" style="padding-left: 40px;width: 158px;">专家智库系统</a>
          <a target="_blank" href="http://zsgl.emof.cn/">知识管理系统</a>
          <a target="_blank" href="https://wj.emof.cn/">调研分析系统</a>
          <a target="_blank" href="http://zzjz.emof.cn/login">官网管理系统</a>
          <a target="_blank" href="https://dzs.emof.cn/">电子书制作系统</a>
        </p>
      </div>
      <div class="cp" style="margin-top: -15px;">
        <b class="ml">案 <i></i> 例</b>
        <p class="al mr">
          <a href="/index.php/home/Index/cases#mode1">数字党务</a>
          <i></i>
          <a href="/index.php/home/Index/cases#mode2">数字政务</a>
          <i></i>
          <a href="/index.php/home/Index/cases#mode3">数字社团</a>
          <i></i>
          <a href="/index.php/home/Index/cases#mode4">数字社区</a>
          <i></i>
          <a href="/index.php/home/Index/cases#mode5">数字养老</a>
          <i></i>
          <a href="/index.php/home/Index/cases#mode6">其他案例</a>
        </p>
      </div>
      <div class="cp">
        <b class="ml">联系我们</b>
        <p class="al">
          <a href="javascript:;"><img src="/Style/new/images/emof.png" alt="客服">emof@emof.cn</a>
          <i></i>
          <a href="javascript:;"><img src="/Style/new/images/kefu.png" alt="邮箱">400-999-6541</a>
          <i></i>
          <a href="javascript:;"><img src="/Style/new/images/dianhua.png" alt="电话">13121702211（任老师） </a>
        </p>
      </div>
    </div>
    <div class="line"></div>
    <div class="right">
      <div class="code-box flex align-center justify-between">
        <div>
          <img src="/Style/new/images/1.png" alt="微信公众号二维码" style="border-radius: 8px;">
          <p>扫描关注 益魔方</p>
        </div>
        <div class="">
          <img src="/Style/new/images/b.png" alt="微信二维码" style="border-radius: 8px;">
          <p>扫描立刻进行沟通</p>
        </div>
      </div>
    </div>
  </div>

</div>
<div class="end">
  Copyright © 2005-2024 emof.net 备案号:
  <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备15038897号-3</a>
  <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802038214" target="_blank"
     class="margin-lr-xs">
    <img src="/Style/new/images/gongan.png" alt="公安备案号">公安备案号：11010802038214</a>
  <a href="https://www.emof.net" target="_blank">北京易魔方科技集团有限公司</a> 版权所有
</div>
<script src="/Style/new/lib/jquery-2.1.4.min.js"></script>
<script>
$(function () {
    // 弹窗关闭
    $("body").on("click",".cha",function () {
        $(".mask").hide();
        $(".yuyueBox").hide();
    })
    // 提交成功弹窗关闭
    $("body").on("click",".chaA",function () {
        $(".mask").hide();
        $(".yuyue-success").hide();
    })
    // 弹窗开启
    $("body").on("click",".yuyue",function () {
        $(".mask").show();
        $(".yuyueBox").show();
    })
})
// 提交申请试用的数据
function postApplyForTryUse() {

  let applyOrgName = $("#applyOrgName").val()
  if (!applyOrgName) {
      layer.msg("请输入机构名称");
      return false;
  }
  let applyLinkName = $("#applyLinkName").val()
  if (!applyLinkName) {
      layer.msg("请输入联系人");
      return false;
  }
  let applyLinkPhone = $("#applyLinkPhone").val()
  // phoneReg = /^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(17[0]{1})|(18[0-9]{1}))+\d{8})$/;
  phoneReg = /^1[3-9][0-9]\d{8}$/;
  if (!phoneReg.test(applyLinkPhone)) {
      layer.msg("您的手机号有误，请核对~");
      return false;
  }

  $.post('https://www.emof.cn/index.php/home/login/organizationApply',
      {organizationName: applyOrgName, contactsPeople: applyLinkName, contactsPhone: applyLinkPhone, laiyuan: '益魔方平台'},
      function (re) {
          layer.msg(re.msg);
          $("#applyOrgName").val("")
          $("#applyLinkName").val("")
          $("#applyLinkPhone").val("")
          setTimeout(function () {
              // $(".dialog-mask").css('display', 'none');   // 关闭申请试用窗口
              $(".mask").hide();
              $(".yuyue-success").hide();
              $(".yuyueBox").hide();
          }, 1000);
      }
  );
}
</script>
</div>
</body>
<script src="/Style/new/lib/jquery-2.1.4.min.js"></script>
<script src="/Style/new/lib/swiper-bundle.min.js"></script>
<script src="/Style/new/lib/layer/layer.js"></script>
<script src="/Style/new/js/common.js"></script>
<script src="/Style/new/js/index.js"></script>
<script>
  $(function () {
    // $('#reservation').load('common/reservation.html',function () {})
    // $('.pate-header').load('common/header.html',function () {
    //   $('.pate-header .nav a:eq(0)').addClass('active')
    // })
    // $('.footer-warpper').load('common/footer.html',function () {})
    layer.photos({
      photos: '#certify'
      ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
    });

    // getKet()
    // notice(1,6)
    var mySwiper1 = new Swiper('.listbanner', {
        loop: true, // 循环模式选项
        autoplay: {
          delay: 3000,
          stopOnLastSlide: false,
          disableOnInteraction: true,
        },
        // 如果需要分页器
        pagination: {
          el: '.listbanner-pagination',
          clickable: true,
        },

      })
    // information(1,6)

    var certifySwiper = new Swiper('#certify .swiper-container', {
      watchSlidesProgress: true,
      slidesPerView: 'auto',
      centeredSlides: true,
      loop: true,
      loopedSlides: 17,
      autoplay: true,
      navigation: {
        nextEl: '#certify .swiper-button-next',
        prevEl: '#certify .swiper-button-prev',
      },
      on: {
        progress: function(progress) {
          for (i = 0; i < this.slides.length; i++) {
            var slide = this.slides.eq(i);
            var slideProgress = this.slides[i].progress;
            modify = 1;
            if (Math.abs(slideProgress) > 1) {
              modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
            }
            translate = slideProgress * modify * 68 + 'px';
              scale = 1 - Math.abs(slideProgress) / 5;
            zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
            slide.transform('translateX(' + translate + ') scale(' + scale + ')');
            slide.css('zIndex', zIndex);
            slide.css('opacity', 1);
            if (Math.abs(slideProgress) > 5) {
              slide.css('opacity', 0);
            }
          }
        },
        setTransition: function(transition) {
          for (var i = 0; i < this.slides.length; i++) {
            var slide = this.slides.eq(i)
            slide.transition(transition);
          }

        }
      }

    })
    var mySwiper = new Swiper('.bigbanner', {
      direction: 'horizontal', // 水平切换选项
      loop: true, // 循环模式选项
      autoplay: {
        delay: 5000,
        stopOnLastSlide: false,
        disableOnInteraction: true,
      },
      // 如果需要分页器
      pagination: {
        el: '.bigbanner-pagination',
        clickable: true,
      },

    })

  })

  function pageScroll() {
//把内容滚动指定的像素数（第一个参数是向右滚动的像素数，第二个参数是向下滚动的像素数）
    window.scrollBy(0, -100);
//延时递归调用，模拟滚动向上效果
    scrolldelay = setTimeout('pageScroll()', 10);
//获取scrollTop值，声明了DTD的标准网页取document.documentElement.scrollTop，否则取document.body.scrollTop；因为二者只有一个会生效，另一个就恒为0，所以取和值可以得到网页的真正的scrollTop值
    var sTop = document.documentElement.scrollTop + document.body.scrollTop;
//判断当页面到达顶部，取消延时代码（否则页面滚动到顶部会无法再向下正常浏览页面）
    if (sTop == 0) clearTimeout(scrolldelay);
  }
</script>
</html>
